<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户信息页面</title>
</head>

<style>
    body {
        margin: 0px;
    }
    .all {
        display: flex;
        flex-direction: column;
    }
    .head {
        height: 300px;
        background-color: peachpuff;
    }
    .content {
        height: 400px;
        background-color: skyblue;
    }
    .foot {
        height: 144px;
        background-color: #dddddd;
    }
</style>

<body>

<div class="all">
    <div class="head">head</div>
    <div class="content">content</div>
    <div class="foot">foot</div>
</div>


</body>
</html>
